<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的个人主页</title>
    <link rel="stylesheet" href="./html速成/个人主页/personalpage.css">
    <link rel="shortcut icon" href="./html速成/个人主页/sourse/img/face.jpg">
</head>
<body>
    <div class="banner">
        <div class="tittle" style="font-size: 30px; font-weight: 500;">我的个人主页</div>
        <ul class="banner-other">
            <li><a href="#person">个人基本信息</a></li>
            <li><a href="#education">教育经历</a></li>
            <li><a href="#task">大学成绩表</a></li>
            <li><a href="#project">项目经历</a></li>
            <li><a href="#jieshao">个人自述</a></li>
            <li><a href="#instant">成长瞬间</a></li>
            <li><a href="#homework">作业展示</a></li>
        </ul>
    </div>
    <div class="beginning">
        <div class="beginning-font">
            WELCOME
        </div>
        <div class="face">
           
        </div>
    </div>
  <div class="main">
       <div class="information" id="person">
           <p>个人基本信息</p>
           
       </div>
       <div class="edu" id="education">
           <p>教育经历</p>

           2020年—2023年 顺德职业技术学院

       </div> 
       
       <div class="project" id="project">
           <p>项目经历</p>
           无<br>
           无<br>
           无<br>
           无<br>
           无<br>
       </div>

       <div class="task" id="task">
           <p>大学成绩表</p>

           <table cellpadding="0">
            <tr>
                <th>姓名</th>
                <th>数学</th>
                <th>英语</th>
                <th>政治</th>
                <th>计算机基础</th>
                <th>数据结构</th>
                <th>哲学</th>
            </tr>

            <tr>
               <td>麦著胜</td>
               <td>100</td>
               <td>100</td>
               <td>100</td>
               <td>100</td>
               <td>100</td>
               <td>100</td>
            </tr>
        </table>

        </div>
     
       <div class="jieshao" id="jieshao">
           <p>个人自述</p>
           天凉好个秋
           <img src="./html速成/个人主页/sourse/img/face.jpg" alt="" width="100">
       </div>
       <div class="instant" id="instant">
           <p>成长瞬间</p>
           
       </div>
    </div>
    
    <div class="homework" id="homework">
        <p class="homework-tittle">作业展示</p>
        <div class="homework-display">
            <ul class="homework-display-main">
                <p class="display-main-tittle">html速成</p>
                <li><a href="./html速成/有声相册/有声相册.html"  target="_blank">制作有声相册</a></li>
                <li><a href="./html速成/表单/from.html"  target="_blank"> 制作表单</a></li>
                <li><a href="./html速成/表格/复杂完整的成绩表.html"  target="_blank">制作成绩表</a> </li>
                <li><a href="./我的个人主页.html"  target="_blank"></a> 制作个人主页</li>
            </ul>
        </div>

        <div class="homework-display">
            
            <ul class="homework-display-main">
                <p class="display-main-tittle">css速成</p>
                <li>
                    <a href="./css速成/box/20001853麦著胜-box.html"  target="_blank">
                        盒子模型
                    </a>
                </li>
                <li>
                    <a href="./css速成/格式化文本/20001853麦著胜-font2.html"  target="_blank">段落文本格式化</a>
                </li>
                <li>
                    <a href="./css速成/格式化文本/20001853麦著胜cssend.html"  target="_blank">百度搜索结果重现</a>
                </li>

                <li>
                    <a href="./css速成/设置颜色和背景/五星图.html" target="_blank">五星图</a>
                </li>

                <li>
                    <a href="./css速成/设置颜色和背景/渐变色.html" target="_blank">渐变色</a>
                </li>

                <li>
                    <a href="./css速成/设置颜色和背景/精灵图.html" target="_blank">精灵图</a>
                </li>

                <li>
                    <a href="./css速成/奖状/20001853麦著胜-奖状.html" target="_blank">制作奖状</a>
                </li>

                <li>
                    <a href="./css速成/探究浮动及其应用/display.html" target="_blank">探究浮动及其应用1</a>
                </li>

                <li>
                    <a href="./css速成/探究浮动及其应用/float1.html" target="_blank">探究文字环绕图片</a>
                </li>

                <li>
                    <a href="./css速成/探究浮动及其应用/float2.html" target="_blank">探究行元素环绕浮动元素</a>
                </li>
                <li>
                    <a href="./css速成/探究浮动及其应用/float5.html" target="_blank">浮动应用于居左居右</a>
                </li>
                <li>
                    <a href="./css速成/探究浮动及其应用/float6.html" target="_blank">浮动应用与列表和列</a>
                </li>
                <li>
                    <a href="./css速成/键盘焦点和鼠标悬停效果设计/焦点.html" target="_blank">键盘焦点</a>
                </li>
                <li>
                    <a href="./css速成/键盘焦点和鼠标悬停效果设计/鼠标悬停.html" target="_blank">鼠标悬停效果</a>
                </li>
                <li>
                    <a href="./css速成/探究定位及其应用/定位/fixed效果.html" target="_blank">fixed布局实现</a>
                </li>

                <li>
                    <a href="./css速成/探究定位及其应用/促销广告/哈根达斯促销.html" target="_blank">制作促销广告</a>
                </li>
                <li>
                    <a href="./css速成/探究定位及其应用/美的菜单/美的菜单.html" target="_blank">美的菜单</a>
                </li>
                <li>
                    <a href="./css速成/探究定位及其应用/bilibili鼠标悬停动效/bilibili.html" target="_blank">bilibili鼠标悬停动效</a>
                </li>
                <li>
                    <a href="./css速成/实现京东购物车/JD.html" target="_blank">京东购物车</a>
                </li>
                <li>
                    <a href="./css速成/实现动感立方体/2D变换.html" target="_blank">2D变换</a>
                </li>
                <li>
                    <a href="./css速成/实现动感立方体/3D变换.html" target="_blank">3D变换</a>
                </li>
                <li>
                    <a href="./css速成/实现动感立方体/动画.html" target="_blank">动画</a>
                </li>
                <li>
                    <a href="./css速成/实现动感立方体/立方体.html" target="_blank">立方体</a>
                </li>
                <li>
                    <a href="./css速成/探究多列、flexbox和grid布局/文字布局.html" target="_blank">多列布局</a>
                </li>
                <li>
                    <a href="./css速成/探究多列、flexbox和grid布局/骰子.html" target="_blank">骰子练习</a>
                </li>
                <li>
                    <a href="./css速成/探究多列、flexbox和grid布局/grid布局.html" target="_blank">grid布局</a>
                </li>
                <li>
                    <a href="./css速成/探究多列、flexbox和grid布局/附加任务/flex-广告布局.html" target="_blank">附加任务-flex实现天猫商品布局</a>
                </li>
                <li>
                    <a href="./css速成/探究多列、flexbox和grid布局/附加任务/grid-广告布局.html" target="_blank">附加任务-grid实现天猫商品布局</a>
                </li>
                <li>
                    <a href="./css速成/探究布局和实现美的官网首页/常见布局结构/上+中+下布局.html" target="_blank">grid-上+中+下布局</a>
                </li>
                <li>
                    <a href="./css速成/探究布局和实现美的官网首页/常见布局结构/左导航+右内容布局.html" target="_blank">grid-左导航+右内容布局</a>
                </li>
                <li>
                    <a href="./css速成/探究布局和实现美的官网首页/上+中（均分三列）+下.html" target="_blank">grid-上+中（均分三列）+下布局</a>
                </li>
                <li>
                    <a href="./css速成/探究布局和实现美的官网首页/常见布局结构/上+中（分三列，中间是侧边两倍）.html" target="_blank">grid-上+中（分三列，中间是侧边的2倍宽）布局</a>
                </li>
                <li>
                    <a href="./css速成/探究布局和实现美的官网首页/响应式布局(1).html" target="_blank">响应式布局简单探究1</a>
                </li>
                <li>
                    <a href="./css速成/探究布局和实现美的官网首页/响应式布局(2).html" target="_blank">响应式布局简单探究2</a>
                </li>
                <li>
                    <a href="./css速成/探究布局和实现美的官网首页/美的官网/美的.html" target="_blank">美的官网首页</a>
                </li>
            </ul>
        </div>
    </div>
    <iframe frameborder="no" border="0" style="display: none;" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1060914&auto=1&height=66"></iframe>
</body>
</html>